<template>
  <div class="student">
    <h2>学生姓名：{{ name }}</h2>
    <h2 class="testc">学生性别：{{ sex }}</h2>
    <button @click="sendStudentName">把学生名传给School组件</button>
  </div>
</template>

<script>
  // 引入pubsub-js库
import pubsub from 'pubsub-js'
export default {
  name: "Student",
  data() {
    return {
      name: "张三",
      sex: "男",
    };
  },
  mounted() {
    // console.log('Student',this.x);
  },
  methods: {
    sendStudentName(){
      // this.$bus.$emit('hello',this.name)
      // 发布消息，消息名：hello，传递数据：666
      pubsub.publish('hello',666)
    }
  },
};
</script>

<style lang="less" scoped>
.student {
  background-color: orange;
  padding: 5px;
  margin: 5px;
  .testc{
    color: #fff;
  }
}
</style>